<script type="text/javascript" src="style/nyroModal/js/jquery.nyroModal.custom.js"></script>
<link rel="stylesheet" href="style/nyroModal/css/nyroModal.css" media="screen">
<script>
    $(function() {
        var width = 800;
        var height = 600;
        $('.tutorial').nyroModal({
            sizes: {
                initW: width, initH: height,
                minW: width, minH: height,
                w: width, h: height
            },
            callbacks: {
                beforeShowCont: function() { 
                    width = $('.nyroModalCont').width();
                    height = $('.nyroModalCont').height();
                    $('.nyroModalCont iframe').css('width', width);
                    $('.nyroModalCont iframe').css('height', height);
                }
            }
        });
    });
</script>
<h4>Tutorials</h4>
<hr>
<li><a href="citportal/loadTutorial?page=overviewTutorial" class="tutorial">Overview of Combinatorial Interaction testing</a> </li>
<li><a href="citportal/loadTutorial?page=historyTutorial" class="tutorial">History of Research on Combinatorial Interaction testing</a> </li>
<h4>Background</h4>
<hr>
<li><a href="citportal/loadTutorial?page=latinSquareTutorial" class="tutorial">What are Latin Squares?</a> </li>
<li><a href="citportal/loadTutorial?page=orthogonalArrayTutorial" class="tutorial">What are Orthogonal Arrays?</a> </li>
<li><a href="citportal/loadTutorial?page=coveringArrayTutorial" class="tutorial">What are Covering Arrays?</a> </li>
<h4>Applications</h4>
<hr>
<li><a href="citportal/loadTutorial?page=constraintTutorial" class="tutorial">Constraints in Combinatorial Interaction testing</a> </li>
